* {
  margin: 0;
  padding: 0;
}

header {
  height: 4rem;
}

header > span {
  font-size: 0.34rem;
}

header > div {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
  overflow: hidden;
}

header > div > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

header > div > i {
  position: absolute;
  bottom: 0;
  right: .1rem;
  display: block;
  text-align: center;
  font-size: .4rem !important;
  width: .4rem;
  height: .4rem;
  background: #f3b438;
  border-radius: 50%;
  color: #fff;
  z-index: 999;
}

main section {
  display: flex;
  justify-content: space-between;
  margin: .5rem;
  font-size: .3rem;
}

main section:hover {
  color: #fd1c1c;
}
